<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<input type="text">
<div>这是div</div>
<input type="button"  value="按钮">
<!--引入JQuery框架文件-->
<!--<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>-->
<script src="jq.js"></script>
<script>
    // let d=document.querySelector("div");
    // d.innerText="内容修改了！";

    // $("div").text("内容修改了！");//等效上边写法

    $("div").html("<h1>我是h1</h1>");
//    找到文本框，并修改value值内容  val()等效value
    $("input:first").val("该吃中午饭了");
    //找到按钮并添加点击事件  click 点击
    $("input:last").click(function () {
        //取出文本框内容给到div
        $("div").text($("input:first").val());
    })

</script>
</body>
</html>